$imagePath: './../../../assets/images';
$iconPath: './../../../assets/icons';

//font color
$cor0: #fff;
$cor1: #f96e00;
$cor2: #e32801;
$cor3: #5e0a00;
$cor4: #333333;
$cor5: #4e4e4e;
$cor6: #1b97fc;
$cor7: #3C77D9;
$cor8: #73504a;

//bg-color
$bg0: #fef5e4;
$bg1: #fef9ef;
$bg2: #fff;
$bg3: #e42f09;
$bg4: #f0f0f0;
$bg5: #fef1e9;
$bg6: #bebebe;
$bg7: #e8f7ff;
$bg8: #f9fdff;
$bg9: #2B2D39;
$bg10: #5fa5e3;


// table-color f9fdff
$tc: #4e4e4e;
$ttbg0: #f0f0f0;
$tbc: #fff;
$ebg: #f9f9f9;
$hbg: #fff4e5;

//渐变bg
$cbg0: linear-gradient(to top, #3A4195, #2076BB);


// disabled color
$dis_cor0: #5D6EAF;
//disabled bg
$dis_bg0: #212E5D;

//border
$b1: 1px solid #fff;
$b2: 2px solid #fff;

//font-sizeposition
$fzs: 12px;
$fzn: 14px;
//中大
$fzsl: 16px;
$fzml: 18px;
$fzbl: 20px;
//特大
$fzsh: 22px;
$fzmh: 24px;
$fzbh: 26px;
//最大
$fzmb: 28px;

$fz34: 34px;
$fz38: 38px;

//border-color
$bcor0: #2A386D;

/**
  flex 布局公用
  $fx-dir：flex-direction
  $js-con：justify-content
  $ai-itm：align-items
*/
@mixin flex_layout($fx-dir: row, $js-con: flex-start, $ai-itm: flex-start) {
    display: flex;
    display: -webkit-flex;
    flex-direction: $fx-dir;
    justify-content: $js-con;
    align-items: $ai-itm;
}

/**
  定位公用
  $pos: static relative absolute fixed (定位方式)
  $r: left right (靠左靠右)
  $t: top bottom (靠上靠下)
  $x: x轴距离
  $y: y轴距离
  $z: z-index
*/
@mixin position($pos: relative, $r: left, $t: top, $x: auto, $y: auto, $z: auto) {
    position: $pos;
    @if $r == right {
        right: $x;
    } @else {
        left: $x;
    }
    @if $t == bottom {
        bottom: $y;
    } @else {
        top: $y;
    }
    z-index: $z;
}

/**
  居中定位
  $l: 0, 距离左边多少位置 垂直居中
  $r: 0, 距离右边多少位置 垂直居中
*/

@mixin position_center($pos: absolute, $method:center, $x: 0) {

    @if $method == top {
        @include position($pos, left, top, 50%, $x, 9);
        transform: translate3d(-50%, 0, 0);
        -webkit-transform: translate3d(-50%, 0, 0);
    } @else if $method == right {
        @include position($pos, right, top, $x, 50%, 9);
        transform: translate3d(0, -50%, 0);
        -webkit-transform: translate3d(0, -50%, 0);
    } @else if $method == bottom {
        @include position($pos, left, bottom, 50%, $x, 9);
        transform: translate3d(-50%, 0, 0);
        -webkit-transform: translate3d(-50%, 0, 0);
    } @else if $method == left {
        @include position($pos, left, top, $x, 50%, 9);
        transform: translate3d(0, -50%, 0);
        -webkit-transform: translate3d(0, -50%, 0);
    } @else {
        @include position($pos, left, top, 50%, 50%, 9);
        transform: translate3d(-50%, -50%, 0);
        -webkit-transform: translate3d(-50%, -50%, 0);
    }
}

/**
  多行超出省略
  $n: 超出几行省略
*/
@mixin ell_n($n: 1) {
    @if $n == 1 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    } @else {
        display: flex;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: $n;
        overflow: hidden;
    }
}

/**
  统一滚动条的样式
  121938     42548e
*/
@mixin scrollbar_style($selector) {
    /*定义滚动条轨道 内阴影+圆角*/
    .#{$selector}::-webkit-scrollbar-track {
        border-radius: 20px;
        background-color: #42548e;
    }
    /*定义滚动条高度及背景*/
    .#{$selector}::-webkit-scrollbar {
        width: 6px;
        border-radius: 20px;
        background-color: #42548e;
    }
    /*定义滑块 内阴影+圆角*/
    .#{$selector}::-webkit-scrollbar-thumb {
        border-radius: 20px;
        background-color: #121938;
    }
}

/**
  border-radius
*/
@mixin bd_rds($radius) {
    border-radius: $radius;
    -webkit-border-radius: $radius;
}

/**
  box-sizing: border-box;
*/
@mixin box_sizing($type: content-box) {
    box-sizing: $type;
    -webkit-box-sizing: $type;
}

/**
  样式写箭头
*/
@mixin arrow($w: 6px, $pos: top, $color: #fff, $br: 2px) {
    border-width: $w;
    @if $pos == top {
        border-style: solid dashed dashed dashed;
        border-color: $color transparent transparent transparent;
    } @else if $pos == right {
        border-style: dashed solid dashed dashed;
        border-color: transparent $color transparent transparent;
    } @else if $pos == bottom {
        border-style: dashed dashed solid dashed;
        border-color: transparent transparent $color transparent;
    } @else if $pos == left {
        border-style: dashed dashed dashed solid;
        border-color: transparent transparent transparent $color;
    }
    border-radius: $br;
}

/**
  antd table 样式
*/
@mixin antd_table_common_style() {
    padding: 10px;
    font-size: 14px;
    text-align: center;
    color: #1C2438;
}

/**
  transition animate
*/
@mixin transition_animate($anima: left, $t: 1s, $path: linear) {
    transition: $anima $t $path;
    -webkit-transition: $anima $t $path;
}

@mixin cf() {
    clear: both;
    content: '';
    display: block;
    width: 0;
    height: 0;
    visibility: hidden;
}